@color: #409eff;

#nprogress .bar {
	background-color: @color !important;
}

.public-dialog {
	.el-dialog__header {
		border-bottom: 1px solid #dcdff6;

		.el-dialog__title {
			position: relative;
		}

		.el-dialog__title:before {
			content: "";
			width: 100%;
			height: 2px;
			background-color: @color;
			position: absolute;
			bottom: -13px;
		}
	}

	.el-dialog__body {
		max-height: 500px;
		margin: 10px;
		padding: 20px;
		overflow-y: auto;
	}
}

.public-search-box {
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;

	.el-form-item {
		margin-bottom: 0 !important;
	}
}

.public-table {
	//   height: calc(100vh - 114px - 63px - 72px - 57px);
	margin-bottom: 15px;
	padding: 0 10px;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
}

.el-input.is-disabled .el-input__inner {
	color: #666 !important;
}

.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
	will-change: transform;
	transition: all .5s;
	position: absolute;
}

.slide-right-enter {
	opacity: 0;
	transform: translate3d(-30px, 0, 0);
}

.slide-right-leave-active {
	opacity: 0;
	transform: translate3d(30px, 0, 0);
}

.slide-left-enter {
	opacity: 0;
	transform: translate3d(100%, 0, 0);
}

.slide-left-leave-active {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
}
